<?php if (!defined('THINK_PATH')) exit();?><style>
    .swiper-zixun{
        height:55px;
/*        width:90%;*/
        line-height: 55px;
/*        margin-top:10px;*/
        padding-left:10px;
        font-size: 1px;
        flex:5;
    }
    .swiper-zixun a {
        color:#181818;
        font-size:10em;
    }
    .zixun-content{
        display: flex;
        margin:1px 10px;
        margin-top:10px;
        padding:1px 10px;
        background: #fff;
        border-radius: 10px;
    }
    .zixun-left{
        height:55px;
        line-height: 55px;
        flex:2;
        text-align: center;
    }
    .zixun-left img{
        height:55px;
    }
    .oneline{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        display:inline;
    }
</style>

<?php if($zixunlist){?>
<section class="zixun-content">
    <div class="zixun-left">
        <img style="width:100px;height:33px;" src="http://aidu201710.b0.upaiyun.com/upload/goods/2018-09/06/372791536216383.png"/>
    </div>
    <div id="swiper-zixun" class="swiper-container swiper-zixun">
        <div class="swiper-wrapper">
            <?php foreach($zixunlist as $zixun) { ?>
            <div class="swiper-slide">
                <span style="font-size:13px"  class="oneline"><?=$zixun['title']?></span>
            </div>
            <?php } ?>
        </div>
    </div>
</section>
<?php } ?>
<script>
$(function(){
    var swipezixun = new Swiper('#swiper-zixun', {
        direction: 'vertical',
        autoplay:3000,
        loop:true,
    });	
})
</script>